<template>
    <a-card :bordered="false" class="header-solid h-full mb-24" :bodyStyle="{ paddingTop: '14px' }">
        <template #title>
            <h6 class="font-semibold">Projects</h6>
            <p>Architects design houses</p>
        </template>
        <a-row type="flex" :gutter="24" align="stretch">
            <!-- Project Column -->
            <a-col :span="24" :md="12" :xl="6" v-for="(project, index) in 4" :key="index">
                <ProjectCard></ProjectCard>
            </a-col>
        </a-row>
    </a-card>
</template>
<script setup>

</script>
<style lang="scss" scoped>
@import '@/scss/muse.scss';
</style>